<!DOCTYPE html>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>月报导出-鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body> 
	
	<section>		
			
		<!---->
		<article class="export-data">
		<!--form-->
			<form class="layui-form export-data-form">
				<dl><i class="fa fa-question-circle fa-2x"></i></dl>
				  	<dl>
				  		<dt>时间范围：</dt>
				  		<dd>
				  		<p>
				  		<input type="radio" name="range" title="按自然月" day="1" lay-filter="time"/>
				  		<input name="time" type="text" id="month"  placeholder="2017-08" lay-verType="msg" class="layui-input">
				  		</p>
				  		<p>
				  		<input type="radio" name="range" title="按30天截至" day="30" lay-filter="time"/>
				  		<input name="time"  type="text"  id="time"  placeholder="2017-09-06" lay-verType="msg"  class="layui-input">
				  		</p>				  		
				  		</dd>
				  	</dl>
					<dl>
				  		<dt>分析维度：</dt>
				  		<dd>
				  		<input type="radio" title="消费频次" name="dimension" />
				  		<input type="radio" title="消费升数" name="dimension" />
				  		<input type="radio" title="会员等级" name="dimension" />
				  		</dd>
				  	</dl>
				  	<dl>
				  		<dt>导出数据：</dt>
				  		<dd style="padding: 9px 0px;">
				  			<p><input type="checkbox" title="贡献分析"   lay-skin="primary" name='type[]'/></p>
					    	<p><input type="checkbox" title="消费构成分析"  lay-skin="primary" name='type[]'/></p>
					    	<p><input type="checkbox" title="留存分析"  lay-skin="primary" name='type[]'/></p>
					    	<p><input type="checkbox" title="消费变化分析"  lay-skin="primary" name='type[]' /></p>
				  		</dd>
				  	</dl>
				<!--submit-->
				<div class="ware-submit">
					<button class="submit" lay-submit lay-filter="Submit">导出</button>
				</div>			
				<!--/submit-->
			</form>
		<!--/form-->
	</article>
	<!--/ware-contents-->
	</section>
	<!--js-->
	<aside>
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script type="text/javascript">
			layui.use(['form','jquery','laydate','layer'],function(){
				var form=layui.form;
				var $=layui.jquery;
				var laydate=layui.laydate; 
			  	  //年月选择器
				  laydate.render({
				    elem: '#month'
				    ,type: 'month'
				  });	
				//时间选择器
				  laydate.render({
				    elem: '#time'				  
				  });
		 	 	
				/*//单选按钮监听
				form.on('radio(time)', function(data){				 	
				 	$("input[name='time']").each(function(index, element){   
    					$(element).get(0).setAttribute("disabled","disabled");    					
					});
					data.othis.removeAttr("disabled")
				});*/
				//表单提交
				form.on('submit(Submit)', function(data){
					console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
					$.ajax({
			            url: '/',
			            data: data.field,
			            type: 'post',
			            datatype: 'json',
			            success: function (res) {
				                if (res.code == 1) {
				                	layer.msg(res.msg);
				                    return;
				                }
				            }
				       });					  
					return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
				});
			
		})
		</script>
	</aside>
	<!--/js-->
	
	
	
	
	
	
	
	
</body>
</html>